{block name="css"}
<style>
    .navbar{
        background: #2c6aa0;
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        z-index: 9999;
    }
    .ace-nav > li.light-blue > a {
        background-color: #3c86c5;
    }
    .user-info{
        max-width: 150px;
        line-height: 30px;
    }
    .navbar-fixed-top + .main-container{
        padding-top: 40px;
    }
    .dropdown-menu.dropdown-close.dropdown-menu-right{
        right: 10px;
    }
    .breadcrumbs{
        position: fixed;
        z-index: 100;
        width: 100%;
    }
    .page-content{
        padding: 48px 20px 24px;
    }
    .ace-nav > li.light-blue > a:hover, .ace-nav > li.light-blue > a:focus, .ace-nav > li.open.light-blue > a{
        background: #5fa3de;
    }
    .main-container{
        margin-top: 28px;
    }
</style>
{/block}
<div id="navbar" class="navbar navbar-default">
    <script type="text/javascript">
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    </script>

    <div class="navbar-container" id="navbar-container" style="padding: 0;">
        <!-- #section:basics/sidebar.mobile.toggle -->
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <!-- /section:basics/sidebar.mobile.toggle -->
        <div class="navbar-header pull-left">
            <!-- #section:basics/navbar.layout.brand -->
            <a href="#" class="navbar-brand">
                <small>
                    <img src="/static/admin/images/logo.png" style="height: 25px;width: auto;">
                    <!--<i class="fa fa-leaf"></i>-->
                   <!--Gos Admin-->
                </small>
            </a>

            <!-- /section:basics/navbar.layout.brand -->

            <!-- #section:basics/navbar.toggle -->

            <!-- /section:basics/navbar.toggle -->
        </div>

        <!-- #section:basics/navbar.dropdown -->
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <!--<li class="grey">-->
                    <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                        <!--<i class="ace-icon fa fa-tasks"></i>-->
                        <!--<span class="badge badge-grey">4</span>-->
                    <!--</a>-->

                    <!--<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">-->
                        <!--<li class="dropdown-header">-->
                            <!--<i class="ace-icon fa fa-check"></i>-->
                            <!--4 Tasks to complete-->
                        <!--</li>-->

                        <!--<li class="dropdown-content">-->
                            <!--<ul class="dropdown-menu dropdown-navbar">-->
                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<div class="clearfix">-->
                                            <!--<span class="pull-left">Software Update</span>-->
                                            <!--<span class="pull-right">65%</span>-->
                                        <!--</div>-->

                                        <!--<div class="progress progress-mini">-->
                                            <!--<div style="width:65%" class="progress-bar"></div>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<div class="clearfix">-->
                                            <!--<span class="pull-left">Hardware Upgrade</span>-->
                                            <!--<span class="pull-right">35%</span>-->
                                        <!--</div>-->

                                        <!--<div class="progress progress-mini">-->
                                            <!--<div style="width:35%" class="progress-bar progress-bar-danger"></div>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<div class="clearfix">-->
                                            <!--<span class="pull-left">Unit Testing</span>-->
                                            <!--<span class="pull-right">15%</span>-->
                                        <!--</div>-->

                                        <!--<div class="progress progress-mini">-->
                                            <!--<div style="width:15%" class="progress-bar progress-bar-warning"></div>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<div class="clearfix">-->
                                            <!--<span class="pull-left">Bug Fixes</span>-->
                                            <!--<span class="pull-right">90%</span>-->
                                        <!--</div>-->

                                        <!--<div class="progress progress-mini progress-striped active">-->
                                            <!--<div style="width:90%" class="progress-bar progress-bar-success"></div>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</li>-->

                        <!--<li class="dropdown-footer">-->
                            <!--<a href="#">-->
                                <!--See tasks with details-->
                                <!--<i class="ace-icon fa fa-arrow-right"></i>-->
                            <!--</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</li>-->

                <!--<li class="purple">-->
                    <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                        <!--<i class="ace-icon fa fa-bell icon-animated-bell"></i>-->
                        <!--<span class="badge badge-important">8</span>-->
                    <!--</a>-->

                    <!--<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">-->
                        <!--<li class="dropdown-header">-->
                            <!--<i class="ace-icon fa fa-exclamation-triangle"></i>-->
                            <!--8 Notifications-->
                        <!--</li>-->

                        <!--<li class="dropdown-content">-->
                            <!--<ul class="dropdown-menu dropdown-navbar navbar-pink">-->
                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<div class="clearfix">-->
													<!--<span class="pull-left">-->
														<!--<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>-->
														<!--New Comments-->
													<!--</span>-->
                                            <!--<span class="pull-right badge badge-info">+12</span>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<i class="btn btn-xs btn-primary fa fa-user"></i>-->
                                        <!--Bob just signed up as an editor ...-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<div class="clearfix">-->
													<!--<span class="pull-left">-->
														<!--<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>-->
														<!--New Orders-->
													<!--</span>-->
                                            <!--<span class="pull-right badge badge-success">+8</span>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#">-->
                                        <!--<div class="clearfix">-->
													<!--<span class="pull-left">-->
														<!--<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>-->
														<!--Followers-->
													<!--</span>-->
                                            <!--<span class="pull-right badge badge-info">+11</span>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</li>-->

                        <!--<li class="dropdown-footer">-->
                            <!--<a href="#">-->
                                <!--See all notifications-->
                                <!--<i class="ace-icon fa fa-arrow-right"></i>-->
                            <!--</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</li>-->

                <!--<li class="green">-->
                    <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                        <!--<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>-->
                        <!--<span class="badge badge-success">5</span>-->
                    <!--</a>-->

                    <!--<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">-->
                        <!--<li class="dropdown-header">-->
                            <!--<i class="ace-icon fa fa-envelope-o"></i>-->
                            <!--5 Messages-->
                        <!--</li>-->

                        <!--<li class="dropdown-content">-->
                            <!--<ul class="dropdown-menu dropdown-navbar">-->
                                <!--<li>-->
                                    <!--<a href="#" class="clearfix">-->
                                        <!--<img src="__STATIC__/admin/assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />-->
                                        <!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Alex:</span>-->
														<!--Ciao sociis natoque penatibus et auctor ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>a moment ago</span>-->
													<!--</span>-->
												<!--</span>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#" class="clearfix">-->
                                        <!--<img src="__STATIC__/admin/assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />-->
                                        <!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Susan:</span>-->
														<!--Vestibulum id ligula porta felis euismod ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>20 minutes ago</span>-->
													<!--</span>-->
												<!--</span>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#" class="clearfix">-->
                                        <!--<img src="__STATIC__/admin/assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />-->
                                        <!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Bob:</span>-->
														<!--Nullam quis risus eget urna mollis ornare ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>3:15 pm</span>-->
													<!--</span>-->
												<!--</span>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#" class="clearfix">-->
                                        <!--<img src="__STATIC__/admin/assets/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar" />-->
                                        <!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Kate:</span>-->
														<!--Ciao sociis natoque eget urna mollis ornare ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>1:33 pm</span>-->
													<!--</span>-->
												<!--</span>-->
                                    <!--</a>-->
                                <!--</li>-->

                                <!--<li>-->
                                    <!--<a href="#" class="clearfix">-->
                                        <!--<img src="__STATIC__/admin/assets/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar" />-->
                                        <!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Fred:</span>-->
														<!--Vestibulum id penatibus et auctor  ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>10:09 am</span>-->
													<!--</span>-->
												<!--</span>-->
                                    <!--</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</li>-->

                        <!--<li class="dropdown-footer">-->
                            <!--<a href="inbox.html">-->
                                <!--See all messages-->
                                <!--<i class="ace-icon fa fa-arrow-right"></i>-->
                            <!--</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</li>-->

                <!-- #section:basics/navbar.user_menu -->
                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="{$Think.session.admin_user.avatar|default='__STATIC__/admin/assets/avatars/user.jpg'}"/>
                        <span class="user-info">
                            {:session('admin_user.username')}
                        </span>
                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<i class="ace-icon fa fa-cog"></i>-->
                                <!--设置-->
                            <!--</a>-->
                        <!--</li>-->

                        <li>
                            <a href="{:url('login/clear')}" class="confirm-rst-btn" data-info="确定要清理缓存吗？">
                                <i class="ace-icon fa fa-user"></i>
                               清除缓存
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="{:url('login/logout')}">
                                <i class="ace-icon fa fa-power-off"></i>
                                登出
                            </a>
                        </li>
                    </ul>
                </li>

                <!-- /section:basics/navbar.user_menu -->
            </ul>
        </div>

        <!-- /section:basics/navbar.dropdown -->
    </div><!-- /.navbar-container -->
</div>